<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css选择器 类选择器案例</title>
    <style>
        .span-news{
            font-weight: bold;
            background-color: magenta;
            color:black;
        }
    </style>
</head>
<body>
<!--
**选择器命名规范  xxx-xxx**
类 一般类选择器是提供给多个html来使用的
id 一个
html元素
通配符
伪类
组合（多元素 子元素  后代）
-->
<!--
类选择器基本语法
.类选择器名称{
    css属性：属性值；
    css属性：属性值；
    css属性：属性值；
    css属性：属性值；
}
-->
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
</body>
</html>